.foxui-dropdown {
    display: inline-block;
    position: relative;
}

.foxui-dropdown-handle {
    cursor: pointer;

    &:hover {
        color: $--color-primary;
    }

    &.foxui-dropdown-icon {
        &::after {
            content: '\e8ad';
            font-family: 'foxuifont';
            display: inline-block;
            transform: rotate(0deg);
            margin-left: $--padding-extra-small;
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        &.is-active {
            &::after {
                transform: rotate(180deg);
            }
        }
    }
}

.foxui-dropdown-menu {
    @include popper-panel;

    @include popper-slide('dropdown');
}

.foxui-dropdown-item {
    white-space: nowrap;
}
